
.top {
  /*width: 690px;*/
  /*margin: 0 30px 20px;*/
  background-image: linear-gradient(#FF7F6B, #FF6154);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  padding: 5px 5px 20px;
  border-radius: 16px;
}

.top .gold {
  font-size: 88px;
}

.top .today-left {
  background: #FF6253;
  border-radius: 22px;
  //font-size: 26px;
  box-sizing: border-box;
}

.banner {
  width: 720px;
  height: 100%;
}

.sign {
  .flex-row {
    margin-bottom: 20px;
  }
}

.not-signed-button {
  background-image: linear-gradient(270deg, #FF6355 0%, #FF7D6A 100%);
  border-radius: 34px;
}

.signed-button {
  background: linear-gradient(270deg, #DDDDDD 0%, #DDDDDD 100%);
  border-radius: 34px;
}


.sign-everyday {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;

  border-radius: 8px;
  width: 68px;
  height: 92px;

  .sign-icon {
    width: 48px;
  }

  .sign-text {
    font-size: 50%;
  }
}

.sign-label {
  font-size: 80%;
  color: #6B6B6B
}


.have-signed {
  color: white;
  background-image: linear-gradient(180deg, #F65A33 0%, #F65A33 100%);
}

.not-signed {
  background: #F3F4F4;
  color: #6B6B6B;
}

.full-signed {
  background-image: linear-gradient(180deg, #FEF8BD 0%, #FEF8BD 100%);
}

#exchange-gold-btn {
  width: 146px;
  height: 52px;
}

.gold-title {
  /*font-family: Source Han Serif SC, serif;*/
  font-family: Source Han Sans CN, sans-serif;
  /*font-weight: 600;*/
  font-size: 36px;
  color: #333333;
  letter-spacing: 1.2px;
}
